.CardTop {
  width: 98.7%;
  margin: 0px 0.7075% 0.5vh 0.5896%;
  color: #333;
  height:6vh;
background:rgba(255,255,255,1);
border-radius:6px;
box-shadow:0px 0px 8px 0px rgba(165,187,224,1);

}
.Top {
  position: absolute;
  top: 25%;

}
.primary {
  margin-right: 0.8254%;
 
height:24px;
background:rgba(91,203,242,1);
border: 0;
border-radius:4px 5px 5px 4px;
box-shadow:0px 2px 4px 0px rgba(153,177,215,0.8);
}
.reset {
  border: 0;
 
height:24px;
background:rgba(255,255,255,1);
border-radius:4px 5px 5px 4px;
box-shadow:0px 2px 4px 0px rgba(195,195,195,0.8);
}
.CardBottom {

  width: 98.7%;
  margin: 0px 0.7075% 0px 0.5896%;
  height:736px;
background:rgba(255,255,255,1);
border-radius:6px;
box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
padding: 0;
}
.MonthPicker {
  width: 8.2547%;
  margin-right: 1.5919%;
  margin-left: 0.5896%;
}
.Cascader {
  color: #000000;
  width: 8.2547%;
  margin-right: 1.5919%;
  margin-left: 0.5896%;
}
.Pagination {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%)
}
.one_Card {
  margin: 0px 0.7075% 0.5vh 0.5896%;
  width:98.7%;
height:46vh;
background:rgba(255,255,255,1);
border-radius:6px;
box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
}
.ant-card-head{
  height: 44px;
}
.ant-card-head-title{
  height: 44px;
}
.ant-card-wider-padding .ant-card-head{
  height: 44px;
}
.ant-card-wider-padding .ant-card-body{
  padding: 0;
}
.Divider {
  position: absolute;
  height: 200px;
  left: 31%;
  top: 29%;
  color: #C3C3C3;
}
.Divider1 {
  position: absolute;
  height: 200px;
  left:67%;
  top: 29%;
  color: #C3C3C3;
}